<template>
    <ul class="todo-main">
	<Item 
        v-for="todo in todos" 
        :key='todo.id' 
        :todoObj="todo" 
        :checkTodo='checkTodo'
		:deleteTodo='deleteTodo'
    />  
    </ul>
</template>

<script>
import Item from "../Item";
export default {
  name:"List",
//   声明接收
  props:['todos','checkTodo','deleteTodo'],
  components:{Item},

  
}
</script>

<style>
/* list */
.todo-main {
	margin-left: 0px;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 0px;
}
.todo-empty {
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding-left: 5px;
	margin-top: 10px;
}
</style>